main #metaslider-id-66 .flex-viewport {
    width: calc(900px - (300px + 1em));
}
#WidgetShowCheckAvailabilityButtonForMobileDevicesId {
    display: none;
}
@media (min-width: 1441px) {
    .container {
        width: 1200px;
    }
    header .bottom .left {
        gap: 2em;
    }
    #houses .mphb-room-type,
    #houses .mphb-room-type .post-thumbnail,
    #houses .mphb-room-type .post-thumbnail img {
        height: 300px;
    }
    #houses .about p {
        padding: 0 4em;
    }
    #gallerey .container.desktop .video-card .video-preview {
        height: 500px;
    }
    #gallerey .photos .photo.left {
        height: 700px;
    }
    main h1.mphb-room-type-title {
        font-size: 49.89px;
    }
    main .left .bottom ul.facilities-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    main #metaslider-id-66 .flex-viewport {
        width: calc(1200px - (300px + 1em));
    }
}
@media (max-width: 1024px) {
    .container {
        width: 720px;
    }
    header .bottom .left {
        gap: 1em;
    }
    header .bottom .right {
        gap: 0.3em;
    }
    #houses .mphb-room-type p:not(.post-thumbnail) {
        padding: 0.5em 0;
        padding-left: 1em;
        width: calc(100% - 1em);
        font-weight: 500;
    }
    #gallerey .photos .photo.left {
        height: 400px;
    }
    #gallerey .container.desktop .video-card .video-preview {
        height: 300px;
    }
    #map #mapContent {
        height: 450px;
    }
    #social li a {
        padding: 11px 18px 11px 55px;
    }
    #social li img {
        height: 40px;
    }
    main #metaslider-id-66 .flex-viewport {
        width: calc(720px - (300px + 1em));
    }
}
@media (max-width: 800px) {
    .container {
        width: 560px;
    }
    header .right a {
        display: flex;
        flex-direction: column;
    }
    header .top a img {
        height: 15px;
    }
    header .bottom .left {
        gap: 0.5em;
    }
    #top form {
        grid-template-columns: 1fr 1fr;
        gap: 1em;
    }
    #gallerey .video .video-card .play {
        padding: 1em;
    }
    #gallerey .container.desktop .video-card .video-preview {
        height: 250px;
    }
    
    #otzivi .list .item .estimation img {
        width: 24px;
    }
    #map #mapContent {
        height: 350px;
    }
    #map .info {
        padding: 2em;
    }
    #map #mapContent .ymaps3x0--map-copyrights_right {
        top: 0;
        bottom: auto;
    }
    #social ul {
        flex-wrap: wrap;
    }
    main .content {
        grid-template-columns: 1fr;
    }
    main .left .bottom ul.facilities-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    main .left .bottom {
        grid-template-columns: 1fr;
        grid-template-areas: "top";
    }
    main #metaslider-id-66 .flex-viewport {
        width: 560px;
    }
    
}
@media (max-width: 600px) {
    .container {
        width: 420px;
    }
    section {
        margin-top: 1em;
    }
    header .container.desktop {
        display: none;
    }
    header .container.phone {
        display: flex;
    }
    #top p.title {
        top: 0.5em;
    }
    #houses .mphb-room-type {
        width: 100%;
    }    
    #houses .about p {
        grid-template-columns: 1fr;
    }
    #houses .tags {
        display: flex;
        flex-direction: column-reverse;
    }
    #gallerey .photos {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas:
            "left ."
            "left ."
            "bottom bottom";
    }
    #gallerey .video {
        grid-template-columns: 1fr 1fr 1fr;
    }
    #gallerey .video .video-card:last-child {
        display: none;
    }
    #how .container.descktop {
        display: none;
    }
    #how .container.phone {
        display: grid;
        grid-template-columns: 1fr;
    }
    #otzivi .otzivi {
        width:100%;
    }
    #map .info {
        width: calc(100% - 4em);
        border-radius: 0 0 20px 20px;
    }
    #social li {
        width: 100%;
    }
    #social li a {
        font-size: 22px;
        width: calc(100% - 102px);
        text-align: center;
    }
    footer .container {
        grid-template-columns: 1fr 1fr 0fr 1fr;
    }

    main #metaslider-id-66 .flex-viewport {
        width: 420px;
    }
}
@media (max-width: 450px) {
    .container {
        width: 340px;
    }
    #WidgetShowCheckAvailabilityButtonForMobileDevicesId {
        display: flex;
    }
    header .element-1 {
        flex-direction: column;
    }
    header .top .right {
        width: 100%;
    }
    #top form {
        gap: 0.1em;
        padding: 1em;
    }
    #top p.title {
        top: 3em;
        text-align: center;
    }
    #houses .about ul {
        justify-content: center;
    }
    #gallerey .container.desktop {
        display: none;
    }
    #gallerey .container.phone {
        display: block;
        padding: 1em;
    }
    #otzivi p.text {
        height: 200px;
        overflow-y: auto;
    }
    #otzivi .button {
        padding: 0.5em 2em;
    }
    #map .container {
        width: 100%;
    }
    #map #mapContent {
        height: 450px;
    }
    #map .info {
        border-radius: 50px 0 20px 0;
        width: calc(80% - 4em);
    }
    #map #mapContent ymaps {
        border-radius: 0;
    }
    footer .container {
        grid-template-columns: 1fr 1fr;
    }
    footer .container div:nth-last-child(2):not(.socials) {
        display: none;
    }
    
    main .container {
        width: 100%;
    }
    main .photos-viwer.active {
        display: grid;
        grid-template-areas:
            'photo photo'
            '. .';
        justify-items: center;
        grid-template-rows: 1fr 0.5fr;
        width: 100%;
        padding: 0;
        gap: 0;
    }
    main .photos-viwer .metaslider {
        width: 100% !important;
        grid-area: photo;
        height: 100%;
        display: flex;
        align-items: flex-end;
    }
    main #metaslider-id-66 .flex-viewport {
        width: 100vw;
    }
    main .GXqgYg.Gi5CqR {
        width: 90vw !important;
    }
}
@media (max-width: 380px) {
    .container {
        width: 300px;
    }
    header .container.phone {
        flex-direction: column;
    }
    #top {
        min-height: 90vh;
    }
    #top form {
        gap: 1em;
        grid-template-columns: 1fr;
    }
    #gallerey .video {
        grid-template-columns: 1fr 1fr;
    }
    #gallerey .container.desktop .video-card .video-preview {
        height: 250px;
    }
    #gallerey .video .video-card:last-child {
        display: block;
    }
    #otzivi .list {
        grid-template-columns: 1fr;
    }
}